import { BaseElement } from './component.js'

class AnButton extends BaseElement {
    getCSSStyle() {
        return `
            span {
                color: red;
                font-size: 30px;
            }
        `
    }
    render() {
        return `<span>
            <slot><slot>
        </span>
        `
    }

    mounted() {
        this.setProperty()

        // const shadowRoot = this.attachShadow({ mode: "open" })
        console.log(this.$qs())
        console.log(
            // this.shadowRoot.childNodes,
            // this.shadowRoot.children,
        )
    }
}

if (!customElements.get('an-button')) {
    customElements.define('an-button', AnButton)
}

// console.log(new BaseElement())